body.agiledashboard_homepage .main .content {
    padding: 0;
}

.empty-home {
    $muted-text-color: #676767;
    text-align: center;
    min-height: 500px;
    padding: 285px 0 0;

    > p {
        width: 550px;
        margin: 0 auto 30px;
        font-family: SourceSansPro, "Helvetica Neue", Arial, sans-serif;
        font-size: 30px;
        line-height: 42px;
        font-weight: 300;
        color: #2F2F2F;

        &.later {
            font-size: 24px;
            color: $muted-text-color;
        }

        &.description {
            font-size: 18px;
            color: $muted-text-color;
            line-height: 30px;
        }
    }

    > .actions {

        > span {
            font-size: 18px;
            color: $muted-text-color;
        }

        > .btn {
            min-width: 100px;
            margin: 0 10px;
        }
    }
}

#home {
    padding: 12px;
    $border-color: #DDD;

    .go-to-backlog,
    .add-kanban {
        padding: 8px;
    }

    .date-bar {
        display: block;
        width: 450px;
        margin: 30px auto 50px;
        white-space: nowrap;

        a {
            display: inline-block;
            width: 148px;
            text-align: center;
            margin: 0;
            padding: 8px 0;
            border: 1px solid $border-color;

            &:first-child {
                border-top-left-radius: 3px;
                border-bottom-left-radius: 3px;
            }
            &:nth-child(2) {
                border-left: none;
                border-right: none;
            }
            &:last-child {
                border-top-right-radius: 3px;
                border-bottom-right-radius: 3px;
            }

            &:hover {
                background-color: #F8F8F8;
                text-decoration: none;
            }

            &.active {
                background: #0088CF;
                color: #FFFFFF;
                border-color: #0088CF;
            }
        }
    }

    .kanban-block {
        padding: 0 12px;

        &.span4 {
            border-left: dashed 1px #CCC;
        }

        > .kanban-home-ad {
            margin: 30px auto 0px;
        }
    }

    .ad-homepage-title {
        > h2 {
            display: inline;
            vertical-align: middle;
            margin: 0;
            padding-right: 12px;
        }
    }

    .no-milestone {
        color: #AAA;
        font-style: italic;
        font-size: 0.9em;
    }

    .plannings {
        .planning {
            margin: 0 0 40px 0;

            table {
                font-size: 0.9em;

                td {
                    border: none;

                    &.name {
                        white-space: nowrap;

                        a:hover {
                            text-decoration: none;
                        }
                    }

                    &.actions {
                        width: 75px;
                        -moz-box-sizing: border-box;
                        box-sizing: border-box;

                        a {
                            margin: 0 0 0 10px;
                            white-space: nowrap;

                            &:hover {
                                text-decoration: none;
                            }
                        }
                    }
                }
            }
        }
    }

    .last-plannings {
        padding: 0 0 0 50px;
        *padding: 0;

        &.last-plannings-only {
            padding: 0;
        }

        .last-planning {
            margin: 0 0 50px 0;

        }
    }

    .milestone {
        $min-width: 320px;

        float: left;
        border-radius: 3px;
        border: 1px solid $border-color;
        min-width: $min-width;
        margin: 0 10px 10px 0;

        .header {
            border-bottom: 1px solid $border-color;

            a:hover {
                text-decoration: none;
            }

            .title {
                font-size: 1.2em;
                padding: 10px 10px 0 10px;
                margin: 0 0 5px 0;

                i {
                    font-size: 0.8em;
                }
            }

            .hierarchy {
                padding: 0 10px;
                font-size: 0.9em;
                color: #666;
                min-height: 20px;

                .icon-angle-right:last-child {
                    display: none;
                }
            }

        }

        .content {
            $start-color: #FFFFFF;
            $stop-color: #FAFAFA;

            background: $start-color;
            background: url();
            background: -moz-linear-gradient(top, $start-color 0%, $stop-color 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $start-color), color-stop(100%, $stop-color));
            background: -webkit-linear-gradient(top, $start-color 0%, $stop-color 100%);
            background: -o-linear-gradient(top, $start-color 0%, $stop-color 100%);
            background: -ms-linear-gradient(top, $start-color 0%, $stop-color 100%);
            background: linear-gradient(to bottom, $start-color 0%, $stop-color 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{$start-color}', endColorstr='#{$stop-color}', GradientType=0);
            border-bottom: 1px solid $border-color;
            padding: 0;
            height: 150px;

            .milestone-burndown {
                width: 100%;
                height: 100%;
                padding: 5px;
                -moz-box-sizing: border-box;
                box-sizing: border-box;

                .line.actual {
                    stroke: #5AAF5A;
                }
                .circle.actual {
                    stroke: #5AAF5A;
                }
            }

            .open, .closed {
                float: left;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: 50%;
                *width: $min-width / 2 + 30px;
                height: 100%;
                padding: 40px 0 0 0;
                text-align: center;

                .number {
                    display: block;
                    font-size: 3em;
                    font-weight: bold;
                    line-height: 1em;
                    height: 40px;
                    margin: 0 0 10px 0;
                }
            }

            .open {
                color: #666666;
            }

            .closed {
                color: #666666;
            }
        }

        .footer {
            padding: 0;

            a {
                padding: 15px;
                display: inline-block;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
                width: ($min-width - 1) / 2;
                text-align: center;
                margin: 0 auto;

                &:only-child {
                    width: 100%;
                }

                &:hover {
                    text-decoration: none;
                    background: #F8F8F8;
                }
            }
        }
    }

    > .ad-non-content {
        margin: auto;
        text-align: center;
    }
}

#home-section-user-info {
    display: inline-block;
    color: #AAA;
    font-style: italic;
    font-size: 0.9em;
}

.agiledashboard .tracker_report_criteria_advanced_toggle {
    display: none;
}

.agiledashboard label {
    font-weight: bold;
}

.agiledashboard > .tab-content {
    padding-bottom: 1em;
    overflow: visible;
}

.agiledashboard .release_planner {
    border: 1px solid lightgray;
    padding: 0 0.5em;
}

.release_planner > .tracker_artifact_title {
    margin-bottom: 0;
    margin-top: 0.5em;
}

.release_planner > .help {
    color: #999;
    margin-top: 0;
}

.agiledashboard .cardwall-column-header:first-child {
    vertical-align: middle;
}

.agiledashboard .cards {
    list-style: none;
    margin: 0;
    padding: 0;
}

.agiledashboard .cards .cards {
    margin-left: 2em;
}

.planning-item > .card,
.planning-item > .card > .card-container {
    background: #FFF;
    -webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.planning-item.planning-draggable > .card,
.planning-item.planning-draggable > .card > .card-container {
    font-style: normal;
    background-color: #FFFFBB;
}

.milestone-content > ul.cards,
.backlog-content > ul.cards {
    min-height: 1.5em;
}

.backlog-content {
    clear: both;
    padding-top: 0.5em;
}

.release_planner {
    background: white;
}

/* {{{ same as card-actions in tracker style.css */
.backlog-actions a.dropdown-toggle {
    font-size: 0.9em;
    color: #7D7D7D;
}

.backlog-actions {
    float: right;
}

.backlog-actions ul {
    list-style: none;
    padding: 0.25em 0.5em;
}

.backlog-actions .caret {
    margin-top: 6px;
    margin-left: 0;
}

.backlog-actions:hover .caret {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.backlog-actions .dropdown.open .dropdown-toggle {
    color: #005580;
    background: none;
}

/* }}} */

.agiledashboard hr {
    border: 0px;
    border-top: 1px solid #ccc;
}

.toggle-collapse {
    display: inline-block;
    width: .8em;
}

.planning_overcapacity,
.planning_overcapacity .planning_remaining_effort,
.submilestone-effort.planning_overcapacity {
    font-weight: bold;
    color: red;
}

.submilestone-effort.planning_balancedcapacity {
    font-weight: bold;
    color: green;
}

.release-date-info {
    margin-bottom: 1em;
    font-size: 1.5em;
    color: #999;
}

#planning table,
#blcontent table {
    border-spacing: 0;
}

#planning table th,
#blcontent table th {
    white-space: nowrap;
}

#planning table td.milestone-element-title, #planning table td.submilestone-element-title,
#blcontent table td.milestone-element-title, #blcontent table td.submilestone-element-title {
    width: 100%;
    white-space: normal;
}

#blcontent table td.milestone-element-parent, #blcontent table td.submilestone-element-parent {
    min-width: 200px;
    max-width: 200px;
    white-space: normal;
}

#planning table td.milestone-element-parent, #planning table td.submilestone-element-parent {
    min-width: 200px;
    max-width: 200px;
    white-space: normal;
}

#planning table td:first-child,
#blcontent table td:first-child {
    white-space: nowrap;
    min-width: 35px;
    max-width: 60px;
}

#blcontent table {
    /*width: auto;*/
    margin-bottom: 40px;
}

.inconsistent-items-title {
    color: #E99424;
}

.closed-items-title {
    color: #8E8E8E;
}

.submilestone-element-rows > tbody > tr,
.milestone-content-open-rows > tr {
    cursor: move;
}

.milestone-content-open-rows .ui-sortable-helper {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
}

.milestone-content-open-rows .ui-sortable-helper > td {
    border-bottom: 1px solid #dddddd;
}

.empty-table-placeholder > td {
    text-align: center;
    font-style: italic;
    cursor: default;
}

.empty-table-placeholder {
    display: none;
}

.agiledashboard h2.dropdown-toggle {
    display: inline-block;
    cursor: pointer;
    margin-bottom: 0;

    .caret {
        margin-top: 17px;
    }
}

.agiledasboard-content-open-items, .agiledasboard-content-inconsistent-items, .agiledasboard-content-closed-items {
    background: #FFFFFF;
}

@media screen and (max-width: 1400px) {
    table.submilestone-element-rows {
        font-size: 0.9em;
        th:nth-child(5), td:nth-child(5) {
            display: none;
        }
    }
}

.agiledashboard-admin-kanban {
    h1 {
        margin-bottom: 30px;
    }

    > button {
        display: block;
        margin: 10px 0;
    }

    .alert {
        max-width: 600px;
        box-sizing: border-box;

        i > {
            margin: 0 5px 0 0;
        }
    }

    .active-scrum, .active-kanban {
        margin: 0 0 20px;
    }

    .agiledashboard-admin-section {
        margin: 20px 0 0 0;
    }

    .agiledashboard-admin-section section {
        margin: 0 0 40px;
        max-width: 600px;

        h3 {
            color: #444444;
            margin: 0 0 5px;
        }

        .help-block {
            font-size: 0.9em;
        }

        #planning_create {
            margin: 0 0 20px;
        }

        .alert-info {
            font-size: 0.9em;
        }

        .plannings {
            & > thead > tr {
                background: #E4E4E4;

                & > th {
                    vertical-align: top;
                    border-left-color: #D2D2D2;
                    border-bottom: 2px solid #B2B2B2;
                }
            }

            & > tbody > tr:first-child > td {
                border-top: none;
            }

            td:first-child {
                width: 100%;
            }

            td:last-child {
                white-space: nowrap;

                > a {
                    margin: 0 15px 0 0;

                    &:last-child {
                        margin: 0;
                    }
                }
            }
        }
    }
}

.agiledashboard-section-details {
    margin: 0 0 0 20px;
}

#ad-service-submit {
    margin: 20px 0 0;
}

#add-kanban-modal {

    > form > div > ol {
        margin: 0 0 0 25px;
    }

    .kanban-modal-element {
        display: inline;
    }

    .control-label {
        color: #AAA;
        text-align: right;
        width: 195px;
        padding-right: 10px;
    }
}

body.agiledashboard_kanban {
    box-sizing: border-box;

    > .wrapper {
        min-height: auto;

        .main {
            .breadcrumb, .toolbar {
                position: relative;
                z-index: 2;
            }

            .content {
                padding: 0;
            }
        }
    }
}

.admin-kanban-not-activated,
.admin-scrum-not-activated {
    > p {
        margin-top: 10px;
    }
}
